<template>
  <service-box :title="title">
    <v-row>
      <v-col v-for="(data,index) in menuData"
             :key="index"
             class="text-center pa-0"
             @click="routerPush(data.path)"
             cols="4">
        <v-sheet class="ma-2 py-2"
                 v-ripple>
          <p>
            <v-icon :color="data.color">{{data.icon}}</v-icon>
          </p>
          <div class="caption">
            {{data.title}}
          </div>
        </v-sheet>
      </v-col>
    </v-row>
  </service-box>
</template>
<script>
export default {
  props: {
    // 标题
    title: String,
    // 菜单
    menuData: Array,
  },
  methods: {
    // 路由跳转
    routerPush(value) {
      this.$router.push(value);
    },
  },
};
</script>